<html>
<head>
<style type="text/css">

 
select
{

font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
color: #669;

}

fieldset
{

font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
color: #669;

margin-left:20em;
margin-top:3em;
margin-right:20em; 


}

 

label
{

font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
color: #669;

}

h1
{

	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	color: #039;

}
table
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	 
	width: 50%;
	border-collapse: collapse;
	text-align: left;
}
table th
{
	font-size: 14px;
	font-weight: normal;
	color: #039;
	padding: 10px 8px;
	border-bottom: 2px solid #6678b1;
}
table td
{
	color: #669;
	padding: 6px 8px;
}
table tbody tr:hover td
{
	color: #009;
}

</style>


 

</head>
<body>



<h1 align="center">Short Translate</h1>
 
<form wicket:id="form">


<div align="center">

	<br><br>


	 

	<select wicket:id="languageFrom">
 		<option selected="selected" value="">Choice</option>
 	</select>
	
	&nbsp;&nbsp;&nbsp;&nbsp;

	<label>to</label>

	&nbsp;&nbsp;&nbsp;&nbsp;
	
	<select wicket:id="languageTo">
		<option selected="selected" value="">Choice</option>
	</select>

	<br><br><br><br><br>
	
	
	<div class="fieldset">
		<label>Word :</label> 
        
        <input wicket:id="wordSearch"></input>
        
        <button wicket:id=" translateWordButton" type="submit">Translate</button>
       
         <button wicket:id="addToListButton" type="submit">Add</button>
  			 
		
		
</div>	

		
        
      
        
    </div>
    
    
	
    <fieldset>
		<legend>Translation(s)</legend>
		<ul>
			 
    		<li wicket:id="translationList">
    			<span wicket:id="translationLabel">label</span><br/>
    		</li>
    		 
    	</ul>
    </fieldset>
	 
	<br/>
	
	
	<div align="center">
	 <fieldset>
		<legend>Word List</legend>	
	 <table cellspacing="1" class="dataview">
     	<tbody>
     	
     		<tr>
     			<th>From</th>
        		<th>To</th>
        		<th>Word</th>
        		<th>Translation(s)</th>
    		</tr>
     	
        	<tr wicket:id="simple">
         		<td><span wicket:id="from">Test ID</span></td>
         		<td><span wicket:id="word">Test ID</span></td>
         		<td><span wicket:id="to">Test ID</span></td>
         		<td><span wicket:id="translation">Test ID</span></td>
         		<td><span wicket:id="rowRemoval">Removal</span></td>
         	</tr>
    	</tbody>
	</table>
	
    <br><br><br>
	<a wicket:id="wordListPdfExport">PDF</a> 
	
	</fieldset>
	</div>
</form>
</body>
</html>